<template>
  <div>
    <el-dialog
      v-model="state.centerDialogVisible"
      title="支付信息"
      width="50%"
      align-center
      class="dialogStyle"
    >
      <p class="oneline" style="font-size: 18px; color: '#ccc'">合同信息</p>
      <el-form :model="formInline"  class="demo-form-inline" label-width="130px">
        <el-form-item label="所属项目">
          <el-input v-model="formInline.user" placeholder="所属项目" />
        </el-form-item>
        <el-form-item label="合同名称">
          <el-input v-model="formInline.user" placeholder="合同名称" />
        </el-form-item>
        <el-form-item label="合同编码">
          <el-input v-model="formInline.user" placeholder="合同编码" />
        </el-form-item>
        <el-form-item label="合同类型">
          <el-input v-model="formInline.user" placeholder="合同类型" />
        </el-form-item>
        <el-form-item label="合同总额">
          <el-input v-model="formInline.user" placeholder="合同总额" />
        </el-form-item>
        <el-form-item label="已支付(元)">
          <el-input v-model="formInline.user" placeholder="已支付(元)" />
        </el-form-item>
        <el-form-item label="未支付(元)">
          <el-input v-model="formInline.user" placeholder="未支付(元)" />
        </el-form-item>
        <p class="oneline" style="font-size: 18px; color: '#ccc'">付款信息</p>
        <el-form-item label="支付编码">
          <el-input v-model="formInline.user" placeholder="支付编码" />
        </el-form-item>
        <el-form-item label="付款主体">
          <el-input v-model="formInline.user" placeholder="付款主体" />
        </el-form-item>
        <el-form-item label="支付金额(元)">
          <el-input v-model="formInline.user" placeholder="支付金额(元)" />
        </el-form-item>
        <el-form-item label="申请人">
          <el-input v-model="formInline.user" placeholder="申请人" />
        </el-form-item>
        <el-form-item label="联系电话">
          <el-input v-model="formInline.user" placeholder="联系电话" />
        </el-form-item>
        <el-form-item label="收款人">
          <el-input v-model="formInline.user" placeholder="收款人" />
        </el-form-item>
        <el-form-item label="收款账号">
          <el-input v-model="formInline.user" placeholder="收款账号" />
        </el-form-item>
        <el-form-item label="收款开户行">
          <el-input v-model="formInline.user" placeholder="收款开户行" />
        </el-form-item>
        <!-- <el-form-item label="计划开始时间">
            <el-date-picker
              v-model="formInline.user"
              type="daterange"
              range-separator="-"
              start-placeholder="开始时间"
              end-placeholder="结束时间"
              
            />
          </el-form-item> -->
        <!-- <el-form-item label="实际完成时间">
            <el-date-picker
              v-model="formInline.user"
              type="daterange"
              range-separator="-"
              start-placeholder="开始时间"
              end-placeholder="结束时间"
              :size="size"
            />
          </el-form-item> -->
        <el-form-item label="申请理由" class="oneline">
          <el-input v-model="formInline.user" show-word-limit type="textarea" />
        </el-form-item>
      </el-form>
      <template #footer>
        <span class="dialog-footer">
          <el-button @click="state.centerDialogVisible = false" class="button_cancel2">取消</el-button>
          <el-button @click="state.centerDialogVisible = false" class="button_view">送审</el-button>
          <el-button @click="state.centerDialogVisible = false" class="button_view">
            确定
          </el-button>
        </span>
      </template>
    </el-dialog>
  </div>
</template>
<script setup>
import upload from '@/components/uploadCom/upload.vue'
import { ref, reactive } from 'vue'
import { ElDialog,ElButton, ElForm, ElFormItem } from 'element-plus'
const state=reactive({
    centerDialogVisible:false
})

const formInline = reactive({
  user: '',
  region: ''
})
defineExpose({
    state
})
// 上传的图片附件
// const updateFiles = (list) => {
//   if (list.length > 0) {
//     console.log(list)
//   }
// }
</script>
<style lang="scss" scoped>
@import '@/assets/general_style/dialog.scss';
@import '@/views/constructionProjectManage/static/dialog.scss';
</style>
